<div align="justify" style="font-size:12px; color:#222222; padding: 2px 30px 30px 30px;">

    <center>
        <div style="height:40px; padding-bottom: 5px;">
            <table border="0px">
                <tr>
                    <td>
                    <div style="width: 70px; padding: 3px;">
                    <a href="envios.php?do=add">
                        <img  src="img/add.png"  class="redsocial_icon" title="Nuevo Envio" border="0" alt="Nuevo Envio" width="30" height="30">
                    </a>
                    </div>
                    </td>
                    <td>
                    <div style="width: 70px; padding: 3px;">
                    <a href="envios.php">
                        <img  src="img/search.png"  class="redsocial_icon" title="Buscar Envio" border="0" alt="Buscar Envio" width="30" height="30">
                    </a>
                    </div>
                    </td>
                    <td>
                    <div style="width: 70px; padding: 3px;">
                    <a href="envios.php">
                        <img  src="img/piechart.png"  class="redsocial_icon" title="Ver Reportes de Envios" border="0" alt="Ver Reportes de Envios" width="30" height="30">
                    </a>
                    </div>
                    </td>
                    <td>
                    <div style="width: 70px; padding: 3px;">
                    <a href="configuraciones.php">
                        <img  src="img/profile.png"  class="redsocial_icon" title="Editar Configuraci&oacute;n de Usuario" border="0" alt="Editar Configuraci&oacute;n de Usuario" width="30" height="30">
                    </a>
                    </div>
                    </td>
                </tr>
            </table>
        </div>
    </center>
    <center>
        <div id="buscador">          
            <table width="100%" border="0px">
              <form action="envios.php?do=buscar" method="post" enctype="multipart/form-data" name="form1" id="form1">
              <tr>
                <td><div align="center" style="float:left;padding: 5px 5px 5px 5px; width:100px;"></div></td>
                <td><div align="center">
                  <label>
                  <div>
                  	<div align="left" style="float:left;padding: 5px 5px 5px 5px;"><strong>Buscar por:</strong></div>
                  	<div align="right" style="float:left;padding: 5px 5px 5px 5px;">
                    	<input name="txtbuscar" type="text" id="txtbuscar" size="50" maxlength="50" />
                    </div>
                  </div>
                  </label>
                </div></td>
                <td>
                  <div>
                  <div align="left" style="float:left;padding: 5px 5px 5px 5px;"><strong>En:</strong></div>
                    <div align="right" style="float:left;padding: 5px 5px 5px 5px;">
                    <select name="lstopciones" size="1" id="lstopciones" style="width: 200px;">
                      <option value="env_descripcion" selected="selected">Descripcion</option>
                      <option value="cam_titulo">Campa&ntilde;a</option>
                      <option value="can_nombre">Canal</option>
                      <option value="est_descripcion">Estado</option>
                      <option value="usr_username">Usuario</option>
                      <option value="env_fecha">Fecha</option>
                    </select>
                    </div>
                  </div>                </td>
                <td>
                <div align="center" style="float:left;">
                  <label>
                  <input type="submit" name="btnbuscar" class="boton_buscar" value="Buscar" />
                  </label>
                </div> 
                </td>
              </tr>
              </form>
              <tr>
                <td colspan="4">
                <div id="abecedario">
                  <div>
                  <table width="100%" border="0">
                    <tr align="center">
                    {section name=i loop=$abecedario}
                      <td>
                      <div id="{$abecedario[i]}" style="border:solid 1px #999999; width:80%; text-align:center; padding:3px;background:#FFFFFF;">
                      <a href="envios.php?do=buscarletra&let={$abecedario[i]}">{$abecedario[i]}</a>
                      </div>
                      </td>
                    {/section}
                    </tr>
                  </table>
                  </div>
                </div>
                </td>
              </tr>
            </table>
        </div>
        </center>                


        <div style="padding: 10px 10px 10px 10px">
            <table class="lista">
              <tr>
                <th width="1%">C&oacute;digo</th>
                <th width="20%">Descripci&oacute;n</th>
                <th width="8%">Fecha</th>
                <th width="1%">Objetivos</th>
                <th width="8%">Asignado a</th>
                <th width="20%">Campa&ntilde;a</th>
                <th width="8%">Estado</th>
                <th width="10%">Canal</th>
                <th width="10%">Accion</th>
              </tr>
              {section name=i loop=$listaenvios}
              <tr> 		
                  <td align="center">{$listaenvios[i].env_cod}</td>
                <td>
                    <a href="envios.php?do=ver&id={$listaenvios[i].env_cod}" style="color:#003366;">
                    {$listaenvios[i].env_descripcion|utf8_encode|truncate:25:"...":true}
                    </a>
                </td>
                <td align="center">{$listaenvios[i].env_fecha}</td>
                <td align="center">{$listaenvios[i].env_total_objetivo}</td>
                <td align="center">{$listaenvios[i].usr_username}</td>
                <td>{$listaenvios[i].cam_titulo|utf8_encode|truncate:25:"...":true}</td>
                <td align="center">
                    
                    {if $listaenvios[i].est_descripcion eq "Enviado"}
                     <div style="background-color: #CCFF99;">{$listaenvios[i].est_descripcion}</div>
                    {elseif $listaenvios[i].est_descripcion eq "Pendiente"}
                     <div style="background-color: #FFFF66;">{$listaenvios[i].est_descripcion}</div>    
                    {elseif $listaenvios[i].est_descripcion eq "Cancelado"}
                     <div style="background-color: #FFFFCC;">{$listaenvios[i].est_descripcion}</div>
                    {else}
                    	{$listaenvios[i].est_descripcion}	 
                    {/if}
                </td>
                <td>
                    {if $listaenvios[i].can_nombre eq "Twitter"}
                    <img class="redsocial_icon" title="Twitter" border="0" alt="Twitter" align="left" src="img/twt.png" width="14" height="14">
                    {elseif $listaenvios[i].can_nombre eq "Facebook"}
                    <img class="redsocial_icon" title="Facebook" border="0" alt="Facebook" align="left" src="img/fb.jpg" width="14" height="14">    
                    {elseif $listaenvios[i].can_nombre eq "Mailling"}
                    <img class="redsocial_icon" title="Mailing" border="0" alt="Mailing" align="left" src="img/mailling.png" width="14" height="14">
                    {elseif $listaenvios[i].can_nombre eq "LinkedIn"}
                    <img class="redsocial_icon" title="LinkedIng" border="0" alt="LinkedIn" align="left" src="img/in.png" width="14" height="14">
                    {/if}
                    {$listaenvios[i].can_nombre}
                </td>
                <td align="center">
                <a href="procesar.php?do=enviar&id={$listaenvios[i].env_cod}"><img src="img/start.png" title="Ejecutar Envio" border="0" alt="Ejecutar Envio" width="20" height="20"></a>
                <a href="procesar.php?do=cancelar&id={$listaenvios[i].env_cod}"><img src="img/stop.png" title="Cancelar Envio" border="0" alt="Cancelar Envio" width="20" height="20"></a>
                <a href="envios.php?do=mod&id={$listaenvios[i].env_cod}"><img src="img/modify.png" title="Modificar" border="0" alt="Modificar" width="20" height="20"></a>                
                <a href="envios.php?do=dell&id={$listaenvios[i].env_cod}"><img src="img/remove.png" title="Eliminar" border="0" alt="Eliminar" width="20" height="20"></a>
                <!--
                <a href="envios.php?do=mod&id={$listaenvios[i].env_cod}">Editar</a>
                <a href="envios.php?do=dell&id={$listaenvios[i].env_cod}">Eliminar</a>-->
                </td>                                                     
              </tr>
             {/section}
            </table>
        </div>


        
        <h2 style="font-size:12px; color:#222222;">SOCIAL CRM Envios</h2>
       <p>
        	SOCIAL CRM es un Sistema de Gesti&oacute;n y Administraci&oacute;n de Campa&ntilde;as publicitarias para peque&ntilde;as y medianas empresas, desde un enfoque de SOCIAL MEDIA.
                Se gestionar&aacute; publicaciones autom&aacute;ticas en las Redes Sociales de mayor difusi&oacute;n como Faceboook, Twitter and Linkedin por cada env&iacute;o de publicidad realizado.
        </p>
</div>